<template>
  <div>
    <el-switch v-model="selectWidget.options.isRemark" />
    <el-input
      v-if="selectWidget.options.isRemark"
      v-model="selectWidget.options.remark"
      :maxlength="50"
      type="text"
      clearable
      placeholder="输入备注"
      class="width240"
      size="small" />
  </div>
</template>
<script>
export default {
  name: 'RemarkInput',
  model: {
    prop: 'selectWidget',
    event: 'changeData'
  },
  props: {
    selectWidget: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {
    };
  },
  computed: {

  },
  methods: {

  }
};
</script>
<style scoped lang="scss">
.width240 {
  width: 240px;
  margin-top: 5px;
  &::v-deep {
    .el-input__inner {
      width: 240px;
    }
  }
}
</style>
